<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <input type="text" class="username">
    <br>
    <input type="paswword" class="userpwd">
    <br>
    <button>注册</button>


    <script src="../js/tools.js"></script>
    <script>


        // 1 获取输入的用户名和密码
        // 2 去'数据库中'查找这个用户名是否存在
        //    找到了用户名   说明已经注册
        //    找不到   可以注册  把数据存起来 

        const oUser = get('.username') ;
        const oPwd = get('.userpwd') ;
        const oBtn = get('button') ;

        oBtn.addEventListener('click' , function(){
            // 
            const username = oUser.value.trim() ;
            const userpwd = oPwd.value.trim() ;

            // 验证合法性

            // 去localStorage中查找用户名是否存在
            const res = localStorage.getItem(username) ;
            if(res) {
               alert('用户名已经被注册了') ;
               
            } else {
                // 找不到就可以注册
                //    把数据存入 localStorage中
                localStorage.setItem(username , userpwd) ;
                alert('注册成功') ;
                location.href = './04_模拟登陆.html';
            }

        })


    </script>
    
</body>
</html>